import React, { Component } from 'react';
import { StyleSheet, StatusBar, View, Image, Text, TouchableOpacity, FlatList, RefreshControl, Platform, BackHandler, ImageBackground, DeviceEventEmitter } from 'react-native';
import Colors from '../constants/Colors';
import { unitWidth, width } from '../constants/AdapterUtil';
import { MyHeader } from '../components/MyHeader';
import { SettingItem } from '../components/Item';

export default class AccountSecurityScreen extends Component {
    constructor(props) {
        super(props)

        const { navigation } = this.props;
        this.state = {

        }
    }

    componentDidMount() {
        
    }

    render() {
        return (
            <View style={{ backgroundColor: Colors.colorF7, flex: 1, alignItems: 'center' }}>
                <MyHeader title='账号安全' leftImg={require('../res/ic_arrow_left.png')} leftClick={() => { this.props.navigation.pop() }} />
                <SettingItem
                    style={{ marginTop: 7 * unitWidth, }}
                    title='修改手机号'
                    onPress={() => {
                        this.props.navigation.navigate('ChangePhone')
                    }} />
                <SettingItem
                    style={{ marginTop: 7 * unitWidth, }}
                    title='忘记密码'
                    onPress={() => {
                        this.props.navigation.navigate('MainForgetPassword')
                    }} />
                <SettingItem
                    style={{ marginTop: 7 * unitWidth, }}
                    title='修改密码'
                    onPress={() => {
                        this.props.navigation.navigate('ChangePassword')
                    }} />
            </View>
        );
    }
}